body,
html {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

.pointer {
  cursor: pointer;
}

.center {
  margin: 0 auto;
  max-width: 1180px;
  padding: 0 20px;
}

.common-shadow {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 4px -2px #0000004d;
  padding: 30px;
  box-sizing: border-box;
}

.common-bg-only {
  background-image: url("@/assets/img/bg-map.png");
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 4px -2px #0000004d;
  padding: 30px;
  box-sizing: border-box;
}

.common-bg {
  background-image: url("@/assets/img/bg-map.png");
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 4px -2px #0000004d;
  padding: 30px;
  box-sizing: border-box;
}

.common-bg ::before {
  background-color: #fcfcfe;
  border-radius: 5px 5px 0 0;
  content: "";
  height: 8px;
  left: 30px;
  opacity: 0.3;
  position: absolute;
  top: -8px;
  width: calc(100% - 60px);
}

.common-bd-btn {
  border-bottom: 2px dotted rgba(225, 225, 235, 0.9);
  padding-bottom: 40px;
}

.f-c-c {
  display: flex;
  align-items: center;
  justify-content: center;
}

// 多行文字溢出
.ellipsisTwo {
  overflow: hidden; // 溢出隐藏
  text-overflow: ellipsis; // 溢出用省略号显示
  display: -webkit-box; // 作为弹性伸缩盒子模型显示。
  -webkit-box-orient: vertical; // 设置伸缩盒子的子元素排列方式：从上到下垂直排列
  -webkit-line-clamp: 2; // 显示的行数
}

::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 6px; /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}

::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 5px;
  background: #cfcbcb;
}

::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 6px;
  background: #ededed;
}
